// import React from 'react';
import React from './my-react'
/*
  为什么这个包必须要引入
    因为编译后的代码是这样的 React.createElement({  })
    没有 React 变量, 代码就直接异常了
*/
import ReactDOM from './my-react-dom';

const Comp = ({ name }) => (
  <h2>my-react: {name}</h2>
)

class Comp2 extends React.Component{
  render() {
    return (
      <h1>React Class 组件</h1>
    )
  }
}

const jsx = (
  <div id="demo" style="color: red" >
    <span>hello - span</span>
    <Comp name='i`m react --- ~~' />
    <Comp2 />
  </div>
)

ReactDOM.render(
  jsx,
  document.getElementById('root')
);
